<!doctype html>
<html>
<head>
      <meta charset="utf-8">
      <title>无标题文档</title>
      <style type="text/css">
        div{ height:110px;
		     display:inline-flock;
			 background:#666;
			 padding:30px;
			 }
		a{ text-decoration:none;
		   color:#000;
		   padding:15px;
			}
		a:hover{ color:#00F;
			}
		.sx { border:1px solid #FF0;
		      height:20px;
		      color:#F60;
			  background-color:#FF0;
			  display:inline-block;
			  padding:10px 20px;
			  border-radius:20px;
			}
		.as{
		     border:1px solid #FF0;
		     color:#FF0;
			 padding:10px 20px;
			 border-radius:20px;
			 
			}
      </style>
    </head>
    
    <body>
    <div>
      <img src="logo.png" width="153" height="85"/>
      <a href="#">功能特权&nbsp;</a>
      <a href="#">游戏特权&nbsp;</a>
      <a href="#">生活特权&nbsp;</a>
      <a href="#">会员活动&nbsp;</a>
      <a href="#">成长体系&nbsp;</a>
      <a href="#">年费专区</a>
      <a href="#">超级会员</a>
      <a href="#" class="as">登录</a> 
      <a href="#" class="sx">开通超级会员</a>
     </div>
</body>
</html>
